import * as React from 'react'
import {View, SafeAreaView, Text, Image, TextInput ,Touchable,StyleSheet, TouchableOpacity} from 'react-native'
import * as Animate from 'react-native-animatable'
import Back from '../../../../common/component/back'

const goodGest = require('../../../../common/img/goodGest.png')

const content = {
  title: '1.使用第三方登录，不知道密码/忘记密码',
  desc: '可能您一直使用第三方账号登录，忘记了自己的登录密码 。此时请先确认您的绑定邮箱信息【点击查看】：\n\r该绑定邮箱我可以登录：这种情况请退出登录，并执行本文第一步“找回密码”流程；'
}


class HelpDetail extends React.Component {

  constructor(props){
    super(props)
  }


  render() {

    let {navigation} = this.props;

    return(
      <SafeAreaView style={styles.container}>
        <View style={{ flex: 1 ,margin: 20}}>
          <Back navigation={navigation} witheIcon={false}></Back>
          <Animate.View animation="slideInRight" style={styles.topView}>
            <Text style={styles.title}>登录遇到故障问题</Text>
            <Text style={styles.titleDsc}>创建于 {new Date().toLocaleString()}</Text>
            <Image style={styles.goodGest} source={goodGest}></Image>
          </Animate.View>
          
          <View>
            <Animate.Text animation="slideInUp" style={styles.cntTitle}>{content.title}</Animate.Text>
            <Animate.Text animation="slideInUp" style={styles.cntDesc}>{content.desc}</Animate.Text>
          </View>
        
      
        </View>

          
      </SafeAreaView>
    )
  }

}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
    // margin: 20,
    backgroundColor: 'white'
  },
  topView: {
    height: 80,
    borderBottomColor: "rgba(153, 153, 153,0.5)",
    borderBottomWidth: 0.3,
    // justifyContent: 'center',
    // backgroundColor: 'green'
  },  
  title: {
    fontSize: 22,
    fontWeight: 'bold',
    marginTop: 15,

  },
  titleDsc: {
    marginTop: 8,
    fontSize: 12,
    color: "rgb(153, 153, 153)"
  },
  goodGest: {
    width: 20,
    height: 20,
    position: "absolute",
    right: 20,
    top: 15
  },
  cntTitle: {
    fontSize: 12,
    fontWeight: 'bold',
    marginTop: 20
  },
  cntDesc: {
    marginTop: 25,
    color: "rgb(153, 153, 153)",
    fontSize: 12,
    lineHeight: 20
  }

})



export default HelpDetail